<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户管理</title>
    <base href="/ssm/">
    <link href="bootstrap337/css/bootstrap.min.css" rel="stylesheet">
    <link href="view/style/user/user.css" rel="stylesheet">
</head>
<body>

<nav class="navbar navbar-default navbar-fixed-top">
    <article class="container">

        <div class="navbar-header">
            <span class="navbar-brand glyphicon glyphicon-home" aria-hidden="true"></span>
        </div>

        <ul class="nav navbar-nav">
            <li><a href="#">首页</a></li>
            <li><a href="#">网站介绍</a></li>
        </ul>

        <ul class="nav navbar-nav">
            <li><a href="#">数据库</a></li>
            <li class="dropdown">
                <a href="javascript:" data-toggle="dropdown">
                    <span>项目</span>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">项目1</a></li>
                    <li><a href="#">项目2</a></li>
                    <li><a href="#">项目3</a></li>
                </ul>
            </li>
        </ul>

        <form class="navbar-form navbar-right">
            <input id="navbar-form-ipt-1" class="form-control"/>
            <button class="btn btn-info">搜索</button>
            <label for="navbar-form-ipt-1"></label>
        </form>

    </article>
</nav>
<br/>
<br/>
<br/>
<br/>
<br/>
<section id="user-info-sec" class="container">
    <form id="delete-form">
        <!--<input type="hidden" name="meta" value="delete-by-ids">-->
        <table id="user-info-tab"
               class="table table-striped table-bordered table-responsive table-hover text-center table-condensed">
            <thead>
            <tr class="center">
                <th class="text-center"><label><input type='checkbox' id='cb0'/></label></th>
                <th class="text-center">序号</th>
                <th class="text-center">姓名</th>
                <th class="text-center">性别</th>
                <th class="text-center">年龄</th>
                <th class="text-center">操作</th>
            </tr>
            </thead>
            <tbody id="table-tbody"></tbody>
        </table>
    </form>
</section>

<section class="container">
    <button id="delete-btn" type="button" class="btn btn-danger" style="float: right">删除</button>
    <button id="insert-btn" type="button" class="btn btn-info">添加</button>
</section>
<br/>
<section class="page-sec container">
    <ul id="page-ul" class="pagination" style="display: inline"></ul>&nbsp;&nbsp;&nbsp;
    <label>
        <select id="size-sel" class="form-control">
            <option value="1">每页显示1条数据</option>
            <option value="3">每页显示3条数据</option>
            <option value="5">每页显示5条数据</option>
            <option value="10">每页显示10条数据</option>
        </select>
    </label>
</section>
<br/>
<br/>
<br/>
<br/>
<br/>
<nav class="navbar navbar-inverse navbar-fixed-bottom container-fluid">
    <article class="container">
        <ul class="nav navbar-nav">
            <li><a href="#">专业团队</a></li>
            <li><a href="#">员工风貌</a></li>
        </ul>
        <ul class="nav navbar-nav">
            <li><a href="#">合作企业</a></li>
            <li><a href="#">加入我们</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="view/html/login.html" class="glyphicon glyphicon-chevron-up"></a></li>
        </ul>
    </article>
</nav>

<script src="jquery321/jquery-3.2.1.min.js"></script>
<script src="bootstrap337/js/bootstrap.min.js"></script>
<script src="view/script/user/user.js"></script>
</body>
</html>